<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/public/head.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



<title>链接管理</title>

<script type="text/javascript">
	//datagrid列定义
	var columns_v = [ [ {
		field : 'rolename',//对应json中的key
		title : '角色名',
		width : 120
	}, {
		field : 'createTime',//对应json中的key
		title : '创建时间',
		width : 150,
	    formatter: function(value,row,index){
            return new Date(value).format("yyyy-MM-dd hh:mm:ss");
		}
	}, {
        field : 'opt1',
        title : '操作一',
        width : 120,
        formatter : function(value, row, index) {
            return "<a href=javascript:edit('"+row.id+"')>修改</a>";
        }
    }, {
		field : 'opt2',
		title : '操作二',
		width : 120,
		formatter : function(value, row, index) {
			return "<a href=javascript:authmenus('"+row.id+"')>菜单授权</a>";
		}
	}, {
        field : 'opt3',
        title : '操作三',
        width : 120,
        formatter : function(value, row, index) {
            return "<a href=javascript:authpower('"+row.id+"')>功能授权</a>";
        }
    }] ];

    //定义 datagird工具
    var toolbar_v = [
        {//工具栏
            id : 'btnadd',
            text : '添加',
            iconCls : 'icon-add',
            handler : function() {
                //打开一个窗口，用户添加页面
                //参数：窗口的title、宽、高、url地址
                createmodalwindow("添加角色", 500, 150, '${system}/role/toaddrole');
            }
        }];

	//加载datagrid

	$(function() {
		$('#list').datagrid({
			title : '链接查询',//数据列表标题
			nowrap : true,//单元格中的数据不换行，如果为true表示不换行，不换行情况下数据加载性能高，如果为false就是换行，换行数据加载性能不高
			striped : true,//条纹显示效果
			url : '${system}/role/queryrole_result',//加载数据的连接，引连接请求过来是json数据
			idField : 'id',//此字段很重要，数据结果集的唯一约束(重要)，如果写错影响 获取当前选中行的方法执行
			loadMsg : '',
			columns : columns_v,
			pagination : true,//是否显示分页
			rownumbers : true,//是否显示行号
			pageList:[15,30,50],
            pageSize: 10,
            toolbar : toolbar_v
		});
	});



	//修改
	function edit(id){
		//打开修改窗口
		createmodalwindow("修改信息", 500, 150, '${system}/role/editrole?id='+id);
	}

	//菜单授权
	function authmenus(id){

        createmodalwindow("菜单授权", 180, 300, '${system}/role/toauthmenus?id='+id);
	}
	function authpower(id){
        createmodalwindow("功能授权", 180, 500, '${system}/role/toauthpower?id='+id);
	}


</script>

</head>
<body>




	<!-- 查询列表 -->
	<TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=center>
		<TBODY>
			<TR>
				<TD>
					<table id="list"></table>
				</TD>
			</TR>
		</TBODY>
	</TABLE>

</body>
</html>